const 名称 = '正三角形';


function 度转弧度(度) {
    return 度 * Math.PI / 180;
}


function 绘图(渲染, 边长, 横坐标, 纵坐标, 颜色) {
    渲染.fillStyle = 颜色;

    渲染.beginPath();
    渲染.moveTo(横坐标, 纵坐标);
    渲染.lineTo(横坐标 + 边长, 纵坐标);
    let 高 = 边长 / 2 * Math.tan(度转弧度(60));
    渲染.lineTo(横坐标 + 边长 / 2, 纵坐标 + 高);
    渲染.lineTo(横坐标, 纵坐标);
    渲染.fill();

    return {
        长度: 边长,
        横坐标: 横坐标,
        纵坐标: 纵坐标,
        颜色: 颜色,
    };  
}


function 报面积(边长, 列表识别码) {
    let 条目 = document.createElement('li');
    条目.textContent = `${名称} 面积是: ${Math.round(Math.sqrt(3) / 4 * 边长 ** 2)} px\u00b2`;

    let 列表 = document.getElementById(列表识别码);
    列表.appendChild(条目);
}


function 报周长(边长, 列表识别码) {
    let 条目 = document.createElement('li');
    条目.textContent = `${名称} 周长是: ${边长 * 3}`;

    let 列表 = document.getElementById(列表识别码);
    列表.appendChild(条目);
}


export {名称, 绘图, 报面积, 报周长};
